/* Estilos.CSS 
   Aqui se almacenan los estilos personalizados.
   
   Autor: Alberto Chaves 
   Fecha: 10/04/2013
   
*/
/*----------------------------- GALERIA -------------------------------- */
.cred{margin-top:20px;font-size:11px;}
       /* This rule is read by Galleria to define the gallery height: */
#galleria{height:320px}

/*------------------------------ ESTILOS PERSONALIZADOS ---------------- */
#barra_estado {
 vertical-align:middle;
} 
 
.caja1 {
 padding:1px;
 }

.caja2 {
 padding:10px;
 }

.caja3 {
 padding:3px;
 padding-top:43px;
 text-align:left;
 color:#000;
}

.boton_menu {
 height:30px;
 padding-left:15px;
 padding-right:15px;
 padding-top:10px;
 display:inline-block;
 vertical-align:middle;
 text-align:center; 
 font-size:medium;
 text-decoration:none;
 color:#FFF;
 }
  
.boton_menu:hover {
 cursor:pointer;
 } 
 .boton_menu:active {
 cursor:pointer;
 }
.boton_menu:focus {
  cursor:pointer;
 }
 
 .boton_principal:hover {
  background-color:#D56000;
 }
 .boton_principal:focus {
  background-color:#FF963F;
 }
 .boton_bio:hover {
  background-color:#9086a0;
 }
 .boton_bio:focus {
  background-color:#5B5079;
 }
 
 .boton_arte:hover {
  background-color:#869bb6;
 }
 .boton_arte:focus {
  background-color:#536378;
 }
 
 .boton_musica:hover {
  background-color:#269ecd;
 }
 .boton_musica:focus {
  background-color:#007891;
 }
 .boton_trabajos:hover {
  background-color:#429792;
 }
 .boton_trabajos:focus {
  background-color:#2b6460;
 }
 
 .boton_anoche:hover {
  background-color:#cb6064;
 }
 .boton_anoche:focus {
  background-color:#9f4b4e;
 }
 
.separador_menu {
 display:inline-block;
 vertical-align:middle;
 margin-right:-4px;
 margin-left:-4px;
 }
 
 .texto_pie_pagina {
  color:#fff;
  font-size:10px;
 }
  
 #modal_fondo {
   position:fixed; 
   background-color:#000;
   opacity:0.8;
   filter:alpha(opacity=80);
   top:0px;
   left:0px;
   width:100%;
   height:100%;  
   z-index:999999999999;
   visibility:hidden;
   text-align:center;
 }
 
 #modal_contenido {
  z-index:9999999999999;
  opacity:1;
  filter:alpha(opacity=100);
  /*visibility:hidden;*/
  position:fixed;
  top:100px;
  width:940px;
  height:528px;
  vertical-align:middle;
 }
 
 #comentario {
  padding:20px;
  font-family:'Noto Serif', serif;
  }
 .comentario_abrir {
  background-image:url('imagenes/quotes.png');
  background-repeat:no-repeat;
  background-position:left;
  width:60px;
  height:60px;
  margin-bottom:-50px;
 }
 .comentario_cerrar {
  background-image:url('imagenes/quotesc.png');
  background-repeat:no-repeat;
  background-position:left;
  float:right;
  width:60px;
  height:60px;
  margin-top:-50px;
 }
 #comentario p {
  margin-left:30px;
  margin-right:30px;
  text-align:justify;
  text-indent:40px;
 }
 
 .espacio100 {
  height:100px;
 }
  
  /* -------------------------- titulos de paginas -------------------------------*/
 #titulo_pagina_proyectos, #titulo_pagina_musica, #titulo_pagina_arte, #titulo_pagina_bio, #titulo_pagina_anoche, #titulo_pagina_principal {
  margin-top:-19px;
  width:100%;
  height:60px;
  vertical-align:middle;
 }
 #titulo_pagina_proyectos p, #titulo_pagina_musica p, #titulo_pagina_arte p, #titulo_pagina_bio p, #titulo_pagina_anoche p, #titulo_pagina_principal p {
   padding-top:20px;
   padding-left:8px;
   color:#fff;
   font-weight:bold;
 }
 #titulo_pagina_principal{
   background-color:#FF963F;
 }
 #titulo_pagina_proyectos {
  background-color:#2b6460;
 }
 #titulo_pagina_musica {
  background-color:#007891;
 }
 #titulo_pagina_arte {
  background-color:#536378;
 }
 #titulo_pagina_bio {
  background-color:#5B5079;
 }
 #titulo_pagina_anoche {
  background-color:#9f4b4e;
 }

  /*------------------SLIDER ------------------------------*/
#slides1 {
text-align:center;
 }
#slides1 img { 
border:solid 10px #000;
}
#slides_controls {
 width:100%;
 text-align:center;
 margin-top:20px;
}
.slides-anterior {
 background-image:url('imagenes/anterior.png');
 width:30px;
 height:30px;
 display:inline-block;
 cursor:pointer;
 }
 
.slides-siguiente {
 background-image:url('imagenes/siguiente.png');
 width:30px;
 height:30px;
 display:inline-block;
 cursor:pointer;
 }
 /*------------------ SLIDER -----------------------------*/
 
 /*-------------- PAGINA PRINCIPAL ------------------------*/
 #main_imagen {
  display:inline-block;
  vertical-align:middle;
  margin-top:10px;
  margin-left:10px;
 }
  
 #main_imagen img {
  margin:2px;
 }
  
 #main_texto {
  display:inline-block;
  vertical-align:top;
 }
 
 #main_texto h1 {
  color:#5A5A5C;
  margin-top:5px;
  margin-bottom:0px;
 }
 
 #main_texto ul {
  list-style-image: url('imagenes/marker1.png');
  margin-top:0px;
 }
/*--------------- PROYECTOS ----------------------------------*/
 #proyecto {
  margin-top:10px;
  }
 #proyecto h2 {
   color:#000;
   font-size:1.1em;
   margin:0px;
   margin-bottom:7px;
   vertical-align:top;
 }
 #proyecto p {
   font-size:0.8em;
   margin:0px;
   margin-left:10px;
   text-align:justify;
   color:#555;
  }
 .proyecto_columna1 {
  display:inline-block;
 }
 .proyecto_columna2 {
  display:inline-block;
  width:550px;
  vertical-align:top;
  margin-top:10px;
 }
.links_externos {
  font-size:0.75em;
  color:#FF2D96;
  vertical-align:middle;
  }
  
 .links_proyecto {
  margin-left:20px;
 }
 
 /*----------------------------------- AUDIO CONTROLS ---------------------------------*/
 #audio_control {
  margin-bottom:10px;
  text-align:left;
  border: 1px solid #FF2D96;
  background-color: #000;
  padding:5px;
  color:#FFF;
 }
 #audio_control:hover {
  background-color: #111;
 }
 #audio_leyenda {
  display:inline-block;
  text-align:left;
  vertical-align:middle;
 }
 #audio_leyenda p, #audio_leyenda span{
  font-size:0.8em;
  margin:0px;
  margin-right:8px;
 }
 #audio_control img {
  display:inline-block;
  vertical-align:middle;
  margin-right:8px;
 }
 #audio_control audio {
  display:inline-block;
  vertical-align:middle;
 }